{% extends "base.html" %} {% load static %}
{% block title %} 新闻网站| 首页 {% endblock title %}
{% block content %}



<!-- 轮播图 -->
<section class="featured-posts-grid bg-dark">
    <div class="container clearfix">

        <!-- Large post slider -->
        <div class="featured-posts-grid__item featured-posts-grid__item--lg">

            <div id="owl-hero-grid" class="owl-carousel owl-theme owl-carousel--dots-inside">
                {% for new in news %}
                <article class="entry featured-posts-grid__entry">
                    <div class="thumb-bg-holder owl-lazy" data-src="media/{{ new.img }}">
                        <img src="media/{{ new.img }}" alt="" class="d-none">
                        <a href="{% url 'news:news_detail' new.id %}" class="thumb-url"></a>
                        <div class="bottom-gradient"></div>
                    </div>

                    <div class="thumb-text-holder">
                        <a href="single-post.html"
                           class="entry__meta-category entry__meta-category-color entry__meta-category-color--salad">
                            {{ new.category }}</a>
                        <h2 class="thumb-entry-title">
                            <a href="{% url 'news:news_detail' new.id %}">{{ new.title }}</a>
                        </h2>
                        <ul class="entry__meta">
                            <li class="entry__meta-author">
                                <i class="ui-author"></i>
                                <a href="#">{{ new.user }}</a>
                            </li>
                            <li class="entry__meta-date">
                                <i class="ui-date"></i>
                                {{ new.modified_time }}
                            </li>
                            <li class="entry__meta-comments">
                                <i class="ui-comments"></i>
                                <a href="#">{{ new.views }}</a>
                            </li>
                        </ul>
                    </div>
                </article>
                {% endfor %}


            </div> <!-- end owl slider -->
        </div>
        <!-- end large post slider -->


        <div class="featured-posts-grid__item featured-posts-grid__item--sm">
            <article class="entry featured-posts-grid__entry">
                <div class="thumb-bg-holder" style="background-image: url(static/img/blog/featured_grid_2.jpg);">
                    <a href="single-post.html" class="thumb-url"></a>
                    <div class="bottom-gradient"></div>
                </div>

                <div class="thumb-text-holder">
                    <h2 class="thumb-entry-title thumb-entry-title--sm">
                        <a href="single-post.html">These Are the 20 Best Places to Work in 2018</a>
                    </h2>
                    <ul class="entry__meta">
                        <li class="entry__meta-author">
                            <i class="ui-author"></i>
                            <a href="#">织梦模板</a>
                        </li>
                        <li class="entry__meta-date">
                            <i class="ui-date"></i>
                            21 October, 2017
                        </li>
                        <li class="entry__meta-comments">
                            <i class="ui-comments"></i>
                            <a href="#">115</a>
                        </li>
                    </ul>
                </div>
            </article>
        </div>

        <div class="featured-posts-grid__item featured-posts-grid__item--sm">
            <article class="entry featured-posts-grid__entry">
                <div class="thumb-bg-holder" style="background-image: url(static/img/blog/featured_grid_3.jpg);">
                    <a href="single-post.html" class="thumb-url"></a>
                    <div class="bottom-gradient"></div>
                </div>

                <div class="thumb-text-holder">
                    <h2 class="thumb-entry-title thumb-entry-title--sm">
                        <a href="single-post.html">Experience the Grand Canyon National Park</a>
                    </h2>
                    <ul class="entry__meta">
                        <li class="entry__meta-author">
                            <i class="ui-author"></i>
                            <a href="#">织梦模板</a>
                        </li>
                        <li class="entry__meta-date">
                            <i class="ui-date"></i>
                            21 October, 2017
                        </li>
                        <li class="entry__meta-comments">
                            <i class="ui-comments"></i>
                            <a href="#">115</a>
                        </li>
                    </ul>
                </div>
            </article>
        </div>

    </div>
</section>

<!-- 居中布局 -->
<div class="main-container container mt-40" id="main-container">

    <!-- 内容 -->
    <div class="row">

        <!-- Posts -->
        <div class="col-lg-8 blog__content mb-30">

            <!-- 最新热点 -->
            <section class="section tab-post mb-10">
                <div class="title-wrap">
                    <h3 class="section-title">热点头条</h3>

                    <div class="tabs tab-post__tabs">
                        <ul class="tabs__list">
                            <li class="tabs__item tabs__item--active">
                                <a href="#tab-all" class="tabs__trigger">全部</a>
                            </li>
                            <li class="tabs__item">
                                <a href="#tab-world" class="tabs__trigger">世界</a>
                            </li>
                            <li class="tabs__item">
                                <a href="#tab-business" class="tabs__trigger">商业</a>
                            </li>
                            <li class="tabs__item">
                                <a href="#tab-politics" class="tabs__trigger">政坛</a>
                            </li>
                            <li class="tabs__item">
                                <a href="#tab-marketing" class="tabs__trigger">生活</a>
                            </li>
                        </ul> <!-- end tabs -->
                    </div>
                </div>

                <!-- tab content -->
                <div class="tabs__content tabs__content-trigger tab-post__tabs-content">

                    <div class="tabs__content-pane tabs__content-pane--active" id="tab-all">
                        <div class="row">
                            <div class="col-md-6">
                                <article class="entry">
                                    <div class="entry__img-holder">
                                        <a href="single-post.html">
                                            <div class="thumb-container thumb-75">
                                                <img data-src="static/img/blog/grid_post_img_1.jpg"
                                                     src="static/img/empty.png" class="entry__img lazyload" alt=""/>
                                            </div>
                                        </a>
                                    </div>

                                    <div class="entry__body">
                                        <div class="entry__header">
                                            <a href="#" class="entry__meta-category">science</a>
                                            <h2 class="entry__title">
                                                <a href="single-post.html">Optimal Amount of Rainfall for Plants</a>
                                            </h2>
                                            <ul class="entry__meta">
                                                <li class="entry__meta-author">
                                                    <i class="ui-author"></i>
                                                    <a href="#">织梦模板</a>
                                                </li>
                                                <li class="entry__meta-date">
                                                    <i class="ui-date"></i>
                                                    21 October, 2017
                                                </li>
                                                <li class="entry__meta-comments">
                                                    <i class="ui-comments"></i>
                                                    <a href="#">115</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="entry__excerpt">
                                            <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra,
                                                per inceptos. Lorem ipsum dolor sit amet, consectetur adipiscing
                                                elit...</p>
                                        </div>
                                    </div>
                                </article>
                            </div>
                            <div class="col-md-6">
                                <article class="entry">
                                    <div class="entry__img-holder">
                                        <a href="single-post.html">
                                            <div class="thumb-container thumb-75">
                                                <img data-src="static/img/blog/grid_post_img_2.jpg"
                                                     src="static/img/empty.png" class="entry__img lazyload" alt=""/>
                                            </div>
                                        </a>
                                    </div>

                                    <div class="entry__body">
                                        <div class="entry__header">
                                            <a href="#" class="entry__meta-category">business</a>
                                            <h2 class="entry__title">
                                                <a href="single-post.html">BRICS Nations Agree to Create Own
                                                    Development Bank</a>
                                            </h2>
                                            <ul class="entry__meta">
                                                <li class="entry__meta-author">
                                                    <i class="ui-author"></i>
                                                    <a href="#">织梦模板</a>
                                                </li>
                                                <li class="entry__meta-date">
                                                    <i class="ui-date"></i>
                                                    21 October, 2017
                                                </li>
                                                <li class="entry__meta-comments">
                                                    <i class="ui-comments"></i>
                                                    <a href="#">115</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="entry__excerpt">
                                            <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra,
                                                per inceptos. Lorem ipsum dolor sit amet, consectetur adipiscing
                                                elit...</p>
                                        </div>
                                    </div>
                                </article>
                            </div>
                        </div>
                    </div> <!-- end pane 1 -->
                    <div class="tabs__content-pane" id="tab-world">
                        <div class="row">
                            <div class="col-md-6">
                                <article class="entry">
                                    <div class="entry__img-holder">
                                        <a href="single-post.html">
                                            <div class="thumb-container thumb-75">
                                                <img data-src="static/img/blog/grid_post_img_1.jpg"
                                                     src="static/img/empty.png" class="entry__img lazyload" alt=""/>
                                            </div>
                                        </a>
                                    </div>

                                    <div class="entry__body">
                                        <div class="entry__header">
                                            <a href="#" class="entry__meta-category">science</a>
                                            <h2 class="entry__title">
                                                <a href="single-post.html">Optimal Amount of Rainfall for Plants</a>
                                            </h2>
                                            <ul class="entry__meta">
                                                <li class="entry__meta-author">
                                                    <i class="ui-author"></i>
                                                    <a href="#">织梦模板</a>
                                                </li>
                                                <li class="entry__meta-date">
                                                    <i class="ui-date"></i>
                                                    21 October, 2017
                                                </li>
                                                <li class="entry__meta-comments">
                                                    <i class="ui-comments"></i>
                                                    <a href="#">115</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="entry__excerpt">
                                            <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra,
                                                per inceptos. Lorem ipsum dolor sit amet, consectetur adipiscing
                                                elit...</p>
                                        </div>
                                    </div>
                                </article>
                            </div>
                            <div class="col-md-6">
                                <article class="entry">
                                    <div class="entry__img-holder">
                                        <a href="single-post.html">
                                            <div class="thumb-container thumb-75">
                                                <img data-src="static/img/blog/grid_post_img_2.jpg"
                                                     src="static/img/empty.png" class="entry__img lazyload" alt=""/>
                                            </div>
                                        </a>
                                    </div>

                                    <div class="entry__body">
                                        <div class="entry__header">
                                            <a href="#" class="entry__meta-category">business</a>
                                            <h2 class="entry__title">
                                                <a href="single-post.html">BRICS Nations Agree to Create Own
                                                    Development Bank</a>
                                            </h2>
                                            <ul class="entry__meta">
                                                <li class="entry__meta-author">
                                                    <i class="ui-author"></i>
                                                    <a href="#">织梦模板</a>
                                                </li>
                                                <li class="entry__meta-date">
                                                    <i class="ui-date"></i>
                                                    21 October, 2017
                                                </li>
                                                <li class="entry__meta-comments">
                                                    <i class="ui-comments"></i>
                                                    <a href="#">115</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="entry__excerpt">
                                            <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra,
                                                per inceptos. Lorem ipsum dolor sit amet, consectetur adipiscing
                                                elit...</p>
                                        </div>
                                    </div>
                                </article>
                            </div>
                        </div>
                    </div> <!-- end pane 2 -->
                    <div class="tabs__content-pane" id="tab-business">
                        <div class="row">
                            <div class="col-md-6">
                                <article class="entry">
                                    <div class="entry__img-holder">
                                        <a href="single-post.html">
                                            <div class="thumb-container thumb-75">
                                                <img data-src="static/img/blog/grid_post_img_1.jpg"
                                                     src="static/img/empty.png" class="entry__img lazyload" alt=""/>
                                            </div>
                                        </a>
                                    </div>

                                    <div class="entry__body">
                                        <div class="entry__header">
                                            <a href="#" class="entry__meta-category">science</a>
                                            <h2 class="entry__title">
                                                <a href="single-post.html">Optimal Amount of Rainfall for Plants</a>
                                            </h2>
                                            <ul class="entry__meta">
                                                <li class="entry__meta-author">
                                                    <i class="ui-author"></i>
                                                    <a href="#">织梦模板</a>
                                                </li>
                                                <li class="entry__meta-date">
                                                    <i class="ui-date"></i>
                                                    21 October, 2017
                                                </li>
                                                <li class="entry__meta-comments">
                                                    <i class="ui-comments"></i>
                                                    <a href="#">115</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="entry__excerpt">
                                            <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra,
                                                per inceptos. Lorem ipsum dolor sit amet, consectetur adipiscing
                                                elit...</p>
                                        </div>
                                    </div>
                                </article>
                            </div>
                            <div class="col-md-6">
                                <article class="entry">
                                    <div class="entry__img-holder">
                                        <a href="single-post.html">
                                            <div class="thumb-container thumb-75">
                                                <img data-src="static/img/blog/grid_post_img_2.jpg"
                                                     src="static/img/empty.png" class="entry__img lazyload" alt=""/>
                                            </div>
                                        </a>
                                    </div>

                                    <div class="entry__body">
                                        <div class="entry__header">
                                            <a href="#" class="entry__meta-category">business</a>
                                            <h2 class="entry__title">
                                                <a href="single-post.html">BRICS Nations Agree to Create Own
                                                    Development Bank</a>
                                            </h2>
                                            <ul class="entry__meta">
                                                <li class="entry__meta-author">
                                                    <i class="ui-author"></i>
                                                    <a href="#">织梦模板</a>
                                                </li>
                                                <li class="entry__meta-date">
                                                    <i class="ui-date"></i>
                                                    21 October, 2017
                                                </li>
                                                <li class="entry__meta-comments">
                                                    <i class="ui-comments"></i>
                                                    <a href="#">115</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="entry__excerpt">
                                            <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra,
                                                per inceptos. Lorem ipsum dolor sit amet, consectetur adipiscing
                                                elit...</p>
                                        </div>
                                    </div>
                                </article>
                            </div>
                        </div>
                    </div> <!-- end pane 3 -->
                    <div class="tabs__content-pane" id="tab-politics">
                        <div class="row">
                            <div class="col-md-6">
                                <article class="entry">
                                    <div class="entry__img-holder">
                                        <a href="single-post.html">
                                            <div class="thumb-container thumb-75">
                                                <img data-src="static/img/blog/grid_post_img_1.jpg"
                                                     src="static/img/empty.png" class="entry__img lazyload" alt=""/>
                                            </div>
                                        </a>
                                    </div>

                                    <div class="entry__body">
                                        <div class="entry__header">
                                            <a href="#" class="entry__meta-category">science</a>
                                            <h2 class="entry__title">
                                                <a href="single-post.html">Optimal Amount of Rainfall for Plants</a>
                                            </h2>
                                            <ul class="entry__meta">
                                                <li class="entry__meta-author">
                                                    <i class="ui-author"></i>
                                                    <a href="#">织梦模板</a>
                                                </li>
                                                <li class="entry__meta-date">
                                                    <i class="ui-date"></i>
                                                    21 October, 2017
                                                </li>
                                                <li class="entry__meta-comments">
                                                    <i class="ui-comments"></i>
                                                    <a href="#">115</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="entry__excerpt">
                                            <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra,
                                                per inceptos. Lorem ipsum dolor sit amet, consectetur adipiscing
                                                elit...</p>
                                        </div>
                                    </div>
                                </article>
                            </div>
                            <div class="col-md-6">
                                <article class="entry">
                                    <div class="entry__img-holder">
                                        <a href="single-post.html">
                                            <div class="thumb-container thumb-75">
                                                <img data-src="static/img/blog/grid_post_img_2.jpg"
                                                     src="static/img/empty.png" class="entry__img lazyload" alt=""/>
                                            </div>
                                        </a>
                                    </div>

                                    <div class="entry__body">
                                        <div class="entry__header">
                                            <a href="#" class="entry__meta-category">business</a>
                                            <h2 class="entry__title">
                                                <a href="single-post.html">BRICS Nations Agree to Create Own
                                                    Development Bank</a>
                                            </h2>
                                            <ul class="entry__meta">
                                                <li class="entry__meta-author">
                                                    <i class="ui-author"></i>
                                                    <a href="#">织梦模板</a>
                                                </li>
                                                <li class="entry__meta-date">
                                                    <i class="ui-date"></i>
                                                    21 October, 2017
                                                </li>
                                                <li class="entry__meta-comments">
                                                    <i class="ui-comments"></i>
                                                    <a href="#">115</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="entry__excerpt">
                                            <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra,
                                                per inceptos. Lorem ipsum dolor sit amet, consectetur adipiscing
                                                elit...</p>
                                        </div>
                                    </div>
                                </article>
                            </div>
                        </div>
                    </div> <!-- end pane 4 -->
                    <div class="tabs__content-pane" id="tab-marketing">
                        <div class="row">
                            <div class="col-md-6">
                                <article class="entry">
                                    <div class="entry__img-holder">
                                        <a href="single-post.html">
                                            <div class="thumb-container thumb-75">
                                                <img data-src="static/img/blog/grid_post_img_1.jpg"
                                                     src="static/img/empty.png" class="entry__img lazyload" alt=""/>
                                            </div>
                                        </a>
                                    </div>

                                    <div class="entry__body">
                                        <div class="entry__header">
                                            <a href="#" class="entry__meta-category">science</a>
                                            <h2 class="entry__title">
                                                <a href="single-post.html">Optimal Amount of Rainfall for Plants</a>
                                            </h2>
                                            <ul class="entry__meta">
                                                <li class="entry__meta-author">
                                                    <i class="ui-author"></i>
                                                    <a href="#">织梦模板</a>
                                                </li>
                                                <li class="entry__meta-date">
                                                    <i class="ui-date"></i>
                                                    21 October, 2017
                                                </li>
                                                <li class="entry__meta-comments">
                                                    <i class="ui-comments"></i>
                                                    <a href="#">115</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="entry__excerpt">
                                            <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra,
                                                per inceptos. Lorem ipsum dolor sit amet, consectetur adipiscing
                                                elit...</p>
                                        </div>
                                    </div>
                                </article>
                            </div>
                            <div class="col-md-6">
                                <article class="entry">
                                    <div class="entry__img-holder">
                                        <a href="single-post.html">
                                            <div class="thumb-container thumb-75">
                                                <img data-src="static/img/blog/grid_post_img_2.jpg"
                                                     src="static/img/empty.png" class="entry__img lazyload" alt=""/>
                                            </div>
                                        </a>
                                    </div>

                                    <div class="entry__body">
                                        <div class="entry__header">
                                            <a href="#" class="entry__meta-category">business</a>
                                            <h2 class="entry__title">
                                                <a href="single-post.html">BRICS Nations Agree to Create Own
                                                    Development Bank</a>
                                            </h2>
                                            <ul class="entry__meta">
                                                <li class="entry__meta-author">
                                                    <i class="ui-author"></i>
                                                    <a href="#">织梦模板</a>
                                                </li>
                                                <li class="entry__meta-date">
                                                    <i class="ui-date"></i>
                                                    21 October, 2017
                                                </li>
                                                <li class="entry__meta-comments">
                                                    <i class="ui-comments"></i>
                                                    <a href="#">115</a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="entry__excerpt">
                                            <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra,
                                                per inceptos. Lorem ipsum dolor sit amet, consectetur adipiscing
                                                elit...</p>
                                        </div>
                                    </div>
                                </article>
                            </div>
                        </div>
                    </div> <!-- end pane 5 -->
                </div> <!-- end tab content -->
            </section>



            <!-- 栏目 -->
            <section class="section mb-0">
                <div class="row">

                    <!-- 世界 -->
                    <div class="col-md-6 mb-40">
                        <div class="title-wrap bottom-line bottom-line--orange">
                            <h3 class="section-title section-title--sm">世界</h3>
                        </div>
                        <article class="entry">
                            <div class="entry__img-holder">
                                <a href="single-post.html">
                                    <div class="thumb-container thumb-75">
                                        <img data-src="static/img/blog/grid_post_img_3.jpg"
                                             src="static/img/empty.png" class="entry__img lazyload" alt=""/>
                                    </div>
                                </a>
                            </div>

                            <div class="entry__body">
                                <div class="entry__header">
                                    <h2 class="entry__title">
                                        <a href="single-post.html">标题</a>
                                    </h2>
                                    <ul class="entry__meta">
                                        <li class="entry__meta-author">
                                            <i class="ui-author"></i>
                                            <a href="#">作者</a>
                                        </li>
                                        <li class="entry__meta-date">
                                            <i class="ui-date"></i>
                                            发布时间
                                        </li>
                                        <li class="entry__meta-comments">
                                            <i class="ui-comments"></i>
                                            <a href="#">浏览量</a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="entry__excerpt">
                                    <p>摘要...</p>
                                </div>
                            </div>
                        </article>
                        <ul class="post-list-small post-list-small--border-top">
                            <li class="post-list-small__item">
                                <article class="post-list-small__entry">
                                    <div class="post-list-small__body">
                                        <h3 class="post-list-small__entry-title">
                                            <a href="single-post.html">What Indie Beauty Companies Can Teach
                                                Entrepreneurs About Scaling</a>
                                        </h3>
                                        <ul class="entry__meta">
                                            <li class="entry__meta-date">
                                                <i class="ui-date"></i>
                                                21 October, 2017
                                            </li>
                                        </ul>
                                    </div>
                                </article>
                            </li>
                            <li class="post-list-small__item">
                                <article class="post-list-small__entry">
                                    <div class="post-list-small__body">
                                        <h3 class="post-list-small__entry-title">
                                            <a href="single-post.html">Bill Gates's 5 Favorite Books of 2017</a>
                                        </h3>
                                        <ul class="entry__meta">
                                            <li class="entry__meta-date">
                                                <i class="ui-date"></i>
                                                21 October, 2017
                                            </li>
                                        </ul>
                                    </div>
                                </article>
                            </li>
                            <li class="post-list-small__item">
                                <article class="post-list-small__entry">
                                    <div class="post-list-small__body">
                                        <h3 class="post-list-small__entry-title">
                                            <a href="single-post.html">Sheryl Sandberg's 6 Steps to Make Sure
                                                Everyone Feels Safe at Work</a>
                                        </h3>
                                        <ul class="entry__meta">
                                            <li class="entry__meta-date">
                                                <i class="ui-date"></i>
                                                21 October, 2017
                                            </li>
                                        </ul>
                                    </div>
                                </article>
                            </li>
                        </ul>
                    </div>
                    <!-- end world -->

                    <!-- 商业 -->
                    <div class="col-md-6 mb-40">
                        <div class="title-wrap bottom-line bottom-line--violet">
                            <h3 class="section-title section-title--sm">商业</h3>
                        </div>
                        <article class="entry">
                            <div class="entry__img-holder">
                                <a href="single-post.html">
                                    <div class="thumb-container thumb-75">
                                        <img data-src="static/img/blog/grid_post_img_4.jpg"
                                             src="static/img/empty.png" class="entry__img lazyload" alt=""/>
                                    </div>
                                </a>
                            </div>

                            <div class="entry__body">
                                <div class="entry__header">
                                    <h2 class="entry__title">
                                        <a href="single-post.html">What hospitals can do to help keep excess opioids
                                            out of communities</a>
                                    </h2>
                                    <ul class="entry__meta">
                                        <li class="entry__meta-author">
                                            <i class="ui-author"></i>
                                            <a href="#">织梦模板</a>
                                        </li>
                                        <li class="entry__meta-date">
                                            <i class="ui-date"></i>
                                            21 October, 2017
                                        </li>
                                        <li class="entry__meta-comments">
                                            <i class="ui-comments"></i>
                                            <a href="#">115</a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="entry__excerpt">
                                    <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
                                        inceptos. Lorem ipsum dolor sit amet, consectetur adipiscing elit...</p>
                                </div>
                            </div>
                        </article>
                        <ul class="post-list-small post-list-small--border-top">
                            <li class="post-list-small__item">
                                <article class="post-list-small__entry">
                                    <div class="post-list-small__body">
                                        <h3 class="post-list-small__entry-title">
                                            <a href="single-post.html">What Indie Beauty Companies Can Teach
                                                Entrepreneurs About Scaling</a>
                                        </h3>
                                        <ul class="entry__meta">
                                            <li class="entry__meta-date">
                                                <i class="ui-date"></i>
                                                21 October, 2017
                                            </li>
                                        </ul>
                                    </div>
                                </article>
                            </li>
                            <li class="post-list-small__item">
                                <article class="post-list-small__entry">
                                    <div class="post-list-small__body">
                                        <h3 class="post-list-small__entry-title">
                                            <a href="single-post.html">Bill Gates's 5 Favorite Books of 2017</a>
                                        </h3>
                                        <ul class="entry__meta">
                                            <li class="entry__meta-date">
                                                <i class="ui-date"></i>
                                                21 October, 2017
                                            </li>
                                        </ul>
                                    </div>
                                </article>
                            </li>
                            <li class="post-list-small__item">
                                <article class="post-list-small__entry">
                                    <div class="post-list-small__body">
                                        <h3 class="post-list-small__entry-title">
                                            <a href="single-post.html">Sheryl Sandberg's 6 Steps to Make Sure
                                                Everyone Feels Safe at Work</a>
                                        </h3>
                                        <ul class="entry__meta">
                                            <li class="entry__meta-date">
                                                <i class="ui-date"></i>
                                                21 October, 2017
                                            </li>
                                        </ul>
                                    </div>
                                </article>
                            </li>
                        </ul>
                    </div>
                    <!-- end science -->

                    <!-- 体育 -->
                    <div class="col-md-6 mb-40">
                        <div class="title-wrap bottom-line bottom-line--light-blue">
                            <h3 class="section-title section-title--sm">体育</h3>
                        </div>
                        <article class="entry">
                            <div class="entry__img-holder">
                                <a href="single-post.html">
                                    <div class="thumb-container thumb-75">
                                        <img data-src="static/img/blog/grid_post_img_5.jpg"
                                             src="static/img/empty.png" class="entry__img lazyload" alt=""/>
                                    </div>
                                </a>
                            </div>

                            <div class="entry__body">
                                <div class="entry__header">
                                    <h2 class="entry__title">
                                        <a href="single-post.html">Phil Taylor: The Power and The Glory</a>
                                    </h2>
                                    <ul class="entry__meta">
                                        <li class="entry__meta-author">
                                            <i class="ui-author"></i>
                                            <a href="#">织梦模板</a>
                                        </li>
                                        <li class="entry__meta-date">
                                            <i class="ui-date"></i>
                                            21 October, 2017
                                        </li>
                                        <li class="entry__meta-comments">
                                            <i class="ui-comments"></i>
                                            <a href="#">115</a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="entry__excerpt">
                                    <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
                                        inceptos. Lorem ipsum dolor sit amet, consectetur adipiscing elit...</p>
                                </div>
                            </div>
                        </article>
                        <ul class="post-list-small post-list-small--border-top">
                            <li class="post-list-small__item">
                                <article class="post-list-small__entry">
                                    <div class="post-list-small__body">
                                        <h3 class="post-list-small__entry-title">
                                            <a href="single-post.html">What Indie Beauty Companies Can Teach
                                                Entrepreneurs About Scaling</a>
                                        </h3>
                                        <ul class="entry__meta">
                                            <li class="entry__meta-date">
                                                <i class="ui-date"></i>
                                                21 October, 2017
                                            </li>
                                        </ul>
                                    </div>
                                </article>
                            </li>
                            <li class="post-list-small__item">
                                <article class="post-list-small__entry">
                                    <div class="post-list-small__body">
                                        <h3 class="post-list-small__entry-title">
                                            <a href="single-post.html">Bill Gates's 5 Favorite Books of 2017</a>
                                        </h3>
                                        <ul class="entry__meta">
                                            <li class="entry__meta-date">
                                                <i class="ui-date"></i>
                                                21 October, 2017
                                            </li>
                                        </ul>
                                    </div>
                                </article>
                            </li>
                            <li class="post-list-small__item">
                                <article class="post-list-small__entry">
                                    <div class="post-list-small__body">
                                        <h3 class="post-list-small__entry-title">
                                            <a href="single-post.html">Sheryl Sandberg's 6 Steps to Make Sure
                                                Everyone Feels Safe at Work</a>
                                        </h3>
                                        <ul class="entry__meta">
                                            <li class="entry__meta-date">
                                                <i class="ui-date"></i>
                                                21 October, 2017
                                            </li>
                                        </ul>
                                    </div>
                                </article>
                            </li>
                        </ul>
                    </div>
                    <!-- end sport -->

                    <!-- 政坛 -->
                    <div class="col-md-6 mb-40">
                        <div class="title-wrap bottom-line bottom-line--blue">
                            <h3 class="section-title section-title--sm">政坛</h3>
                        </div>
                        <article class="entry">
                            <div class="entry__img-holder">
                                <a href="single-post.html">
                                    <div class="thumb-container thumb-75">
                                        <img data-src="static/img/blog/grid_post_img_6.jpg"
                                             src="static/img/empty.png" class="entry__img lazyload" alt=""/>
                                    </div>
                                </a>
                            </div>

                            <div class="entry__body">
                                <div class="entry__header">
                                    <h2 class="entry__title">
                                        <a href="single-post.html">7 Ways Ecommerce Businesses Can Prevent Holiday
                                            Fraud</a>
                                    </h2>
                                    <ul class="entry__meta">
                                        <li class="entry__meta-author">
                                            <i class="ui-author"></i>
                                            <a href="#">织梦模板</a>
                                        </li>
                                        <li class="entry__meta-date">
                                            <i class="ui-date"></i>
                                            21 October, 2017
                                        </li>
                                        <li class="entry__meta-comments">
                                            <i class="ui-comments"></i>
                                            <a href="#">115</a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="entry__excerpt">
                                    <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
                                        inceptos. Lorem ipsum dolor sit amet, consectetur adipiscing elit...</p>
                                </div>
                            </div>
                        </article>
                        <ul class="post-list-small post-list-small--border-top">
                            <li class="post-list-small__item">
                                <article class="post-list-small__entry">
                                    <div class="post-list-small__body">
                                        <h3 class="post-list-small__entry-title">
                                            <a href="single-post.html">What Indie Beauty Companies Can Teach
                                                Entrepreneurs About Scaling</a>
                                        </h3>
                                        <ul class="entry__meta">
                                            <li class="entry__meta-date">
                                                <i class="ui-date"></i>
                                                21 October, 2017
                                            </li>
                                        </ul>
                                    </div>
                                </article>
                            </li>
                            <li class="post-list-small__item">
                                <article class="post-list-small__entry">
                                    <div class="post-list-small__body">
                                        <h3 class="post-list-small__entry-title">
                                            <a href="single-post.html">Bill Gates's 5 Favorite Books of 2017</a>
                                        </h3>
                                        <ul class="entry__meta">
                                            <li class="entry__meta-date">
                                                <i class="ui-date"></i>
                                                21 October, 2017
                                            </li>
                                        </ul>
                                    </div>
                                </article>
                            </li>
                            <li class="post-list-small__item">
                                <article class="post-list-small__entry">
                                    <div class="post-list-small__body">
                                        <h3 class="post-list-small__entry-title">
                                            <a href="single-post.html">Sheryl Sandberg's 6 Steps to Make Sure
                                                Everyone Feels Safe at Work</a>
                                        </h3>
                                        <ul class="entry__meta">
                                            <li class="entry__meta-date">
                                                <i class="ui-date"></i>
                                                21 October, 2017
                                            </li>
                                        </ul>
                                    </div>
                                </article>
                            </li>
                        </ul>
                    </div>
                    <!-- end business -->

                </div>
            </section>
            <!-- 栏目结束 -->

            <!-- 全部新闻 -->
            <section class="section mb-20">
                <div class="title-wrap">
                    <h3 class="section-title section-title--sm">全部资讯</h3>
                    <div class="carousel-nav">
                        <button class="carousel-nav__btn carousel-nav__btn--prev" aria-label="previous slide">
                            <i class="ui-arrow-left"></i>
                        </button>
                        <button class="carousel-nav__btn carousel-nav__btn--next" aria-label="next slide">
                            <i class="ui-arrow-right"></i>
                        </button>
                    </div>
                </div>

                <!-- Slider -->
                <div id="owl-posts" class="owl-carousel owl-theme">
                    {% for new in news %}

                    <article class="entry">
                        <div class="entry__img-holder">
                            <a href="{% url 'news:news_detail' new.id %}">
                                <div class="thumb-container thumb-75">
                                    <img
                                            src="media/{{ new.img }}"
                                            alt=""/>
                                </div>
                            </a>
                        </div>

                        <div class="entry__body">
                            <div class="entry__header">
                                <h2 class="entry__title entry__title--sm">
                                    <a href="{% url 'news:news_detail' new.id %}">{{ new.title }}</a>
                                </h2>
                                <ul class="entry__meta">
                                    <li class="entry__meta-date">
                                        <i class="ui-date"></i>
                                        {{ new.created_time }}
                                    </li>
                                    <li class="entry__meta-comments">
                                        <i class="ui-comments"></i>
                                        <a href="#">{{ new.views }}</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </article>
                    {% endfor %}

                </div> <!-- end slider -->

            </section>

        </div>
        <!-- end posts -->

        <!-- 右边 -->
        <aside class="col-lg-4 sidebar sidebar--right">

            <!-- 四个图片 -->
            <div class="widget widget-social-subscribers">
                <ul class="widget-social-subscribers__list">
                    <li class="widget-social-subscribers__item">
                        <a href="#" class="widget-social-subscribers__url widget-social-subscribers--facebook">
                            <i class="ui-facebook widget-social-subscribers__icon"></i>
                            <span class="widget-social-subscribers__number">15369</span>
                            <span class="widget-social-subscribers__text">Fans</span>
                        </a>
                    </li>
                    <li class="widget-social-subscribers__item">
                        <a href="#" class="widget-social-subscribers__url widget-social-subscribers--twitter">
                            <i class="ui-twitter widget-social-subscribers__icon"></i>
                            <span class="widget-social-subscribers__number">15369</span>
                            <span class="widget-social-subscribers__text">Followers</span>
                        </a>
                    </li>
                    <li class="widget-social-subscribers__item">
                        <a href="#" class="widget-social-subscribers__url widget-social-subscribers--google">
                            <i class="ui-google widget-social-subscribers__icon"></i>
                            <span class="widget-social-subscribers__number">15369</span>
                            <span class="widget-social-subscribers__text">Followers</span>
                        </a>
                    </li>
                    <li class="widget-social-subscribers__item">
                        <a href="#" class="widget-social-subscribers__url widget-social-subscribers--rss">
                            <i class="ui-rss widget-social-subscribers__icon"></i>
                            <span class="widget-social-subscribers__number">15369</span>
                            <span class="widget-social-subscribers__text">Subscribers</span>
                        </a>
                    </li>
                    <li class="widget-social-subscribers__item">
                        <a href="#" class="widget-social-subscribers__url widget-social-subscribers--youtube">
                            <i class="ui-youtube widget-social-subscribers__icon"></i>
                            <span class="widget-social-subscribers__number">15369</span>
                            <span class="widget-social-subscribers__text">Subscribers</span>
                        </a>
                    </li>
                    <li class="widget-social-subscribers__item">
                        <a href="#" class="widget-social-subscribers__url widget-social-subscribers--instagram">
                            <i class="ui-instagram widget-social-subscribers__icon"></i>
                            <span class="widget-social-subscribers__number">15369</span>
                            <span class="widget-social-subscribers__text">Followers</span>
                        </a>
                    </li>
                </ul>
            </div>

            <!-- 订阅新闻 -->
            <div class="widget widget_mc4wp_form_widget">
                <h4 class="widget-title">订阅新闻</h4>
                <form class="mc4wp-form" method="post">
                    {% csrf_token %}
                    <div class="mc4wp-form-fields">
                        <p>
                            <input type="email" name="EMAIL" placeholder="Your email" required="">
                        </p>
                        <p>
                            <input type="submit" class="btn btn-lg btn-color" value="Subscribe">
                        </p>
                    </div>
                </form>
            </div>
            <!-- end widget newsletter -->

            <!-- 三格栅 -->
            <div class="widget widget-tabpost">
                <div class="tabs widget-tabpost__tabs">
                    <ul class="tabs__list widget-tabpost__tabs-list">
                        <li class="tabs__item widget-tabpost__tabs-item tabs__item--active">
                            <a href="#tab-trending" class="tabs__url tabs__trigger widget-tabpost__tabs-url">热点</a>
                        </li>
                        <li class="tabs__item widget-tabpost__tabs-item">
                            <a href="#tab-latest"
                               class="tabs__url tabs__trigger widget-tabpost__tabs-url">最新</a>
                        </li>
                        <li class="tabs__item widget-tabpost__tabs-item">
                            <a href="#tab-comments" class="tabs__url tabs__trigger widget-tabpost__tabs-url">评论</a>
                        </li>
                    </ul> <!-- end tabs -->

                    <!-- tab content -->
                    <div class="tabs__content tabs__content-trigger widget-tabpost__tabs-content">

                        <div class="tabs__content-pane tabs__content-pane--active" id="tab-trending">
                            <ul class="post-list-small">
                                <li class="post-list-small__item">
                                    <article class="post-list-small__entry clearfix">
                                        <div class="post-list-small__img-holder">
                                            <div class="thumb-container thumb-75">
                                                <a href="single-post.html">
                                                    <img data-src="static/img/blog/popular_post_1.jpg"
                                                         src="static/img/empty.png" alt="" class=" lazyload">
                                                </a>
                                            </div>
                                        </div>
                                        <div class="post-list-small__body">
                                            <h3 class="post-list-small__entry-title">
                                                <a href="single-post.html">Google is fixing its troubling burger
                                                    emoji in Android 8.1</a>
                                            </h3>
                                            <ul class="entry__meta">
                                                <li class="entry__meta-date">
                                                    <i class="ui-date"></i>
                                                    21 October, 2017
                                                </li>
                                            </ul>
                                        </div>
                                    </article>
                                </li>
                                <li class="post-list-small__item">
                                    <article class="post-list-small__entry clearfix">
                                        <div class="post-list-small__img-holder">
                                            <div class="thumb-container thumb-75">
                                                <a href="single-post.html">
                                                    <img data-src="static/img/blog/popular_post_2.jpg"
                                                         src="static/img/empty.png" alt="" class=" lazyload">
                                                </a>
                                            </div>
                                        </div>
                                        <div class="post-list-small__body">
                                            <h3 class="post-list-small__entry-title">
                                                <a href="single-post.html">How Meditation Can Transform Your
                                                    Business</a>
                                            </h3>
                                            <ul class="entry__meta">
                                                <li class="entry__meta-date">
                                                    <i class="ui-date"></i>
                                                    21 October, 2017
                                                </li>
                                            </ul>
                                        </div>
                                    </article>
                                </li>
                                <li class="post-list-small__item">
                                    <article class="post-list-small__entry clearfix">
                                        <div class="post-list-small__img-holder">
                                            <div class="thumb-container thumb-75">
                                                <a href="single-post.html">
                                                    <img data-src="static/img/blog/popular_post_3.jpg"
                                                         src="static/img/empty.png" alt="" class=" lazyload">
                                                </a>
                                            </div>
                                        </div>
                                        <div class="post-list-small__body">
                                            <h3 class="post-list-small__entry-title">
                                                <a href="single-post.html">June in Africa: Taxi wars, smarter cities
                                                    and increased investments</a>
                                            </h3>
                                            <ul class="entry__meta">
                                                <li class="entry__meta-date">
                                                    <i class="ui-date"></i>
                                                    21 October, 2017
                                                </li>
                                            </ul>
                                        </div>
                                    </article>
                                </li>
                                <li class="post-list-small__item">
                                    <article class="post-list-small__entry clearfix">
                                        <div class="post-list-small__img-holder">
                                            <div class="thumb-container thumb-75">
                                                <a href="single-post.html">
                                                    <img data-src="static/img/blog/popular_post_4.jpg"
                                                         src="static/img/empty.png" alt="" class=" lazyload">
                                                </a>
                                            </div>
                                        </div>
                                        <div class="post-list-small__body">
                                            <h3 class="post-list-small__entry-title">
                                                <a href="single-post.html">PUBG Desert Map Finally Revealed, Here
                                                    Are All The Details</a>
                                            </h3>
                                            <ul class="entry__meta">
                                                <li class="entry__meta-date">
                                                    <i class="ui-date"></i>
                                                    21 October, 2017
                                                </li>
                                            </ul>
                                        </div>
                                    </article>
                                </li>
                            </ul>
                        </div>

                        <div class="tabs__content-pane" id="tab-latest">
                            <ul class="post-list-small">
                                <li class="post-list-small__item">
                                    <article class="post-list-small__entry clearfix">
                                        <div class="post-list-small__img-holder">
                                            <div class="thumb-container thumb-75">
                                                <a href="single-post.html">
                                                    <img data-src="static/img/blog/popular_post_2.jpg"
                                                         src="static/img/empty.png" alt="" class=" lazyload">
                                                </a>
                                            </div>
                                        </div>
                                        <div class="post-list-small__body">
                                            <h3 class="post-list-small__entry-title">
                                                <a href="single-post.html">How Meditation Can Transform Your
                                                    Business</a>
                                            </h3>
                                            <ul class="entry__meta">
                                                <li class="entry__meta-date">
                                                    <i class="ui-date"></i>
                                                    21 October, 2017
                                                </li>
                                            </ul>
                                        </div>
                                    </article>
                                </li>
                                <li class="post-list-small__item">
                                    <article class="post-list-small__entry clearfix">
                                        <div class="post-list-small__img-holder">
                                            <div class="thumb-container thumb-75">
                                                <a href="single-post.html">
                                                    <img data-src="static/img/blog/popular_post_1.jpg"
                                                         src="static/img/empty.png" alt="" class=" lazyload">
                                                </a>
                                            </div>
                                        </div>
                                        <div class="post-list-small__body">
                                            <h3 class="post-list-small__entry-title">
                                                <a href="single-post.html">Google is fixing its troubling burger
                                                    emoji in Android 8.1</a>
                                            </h3>
                                            <ul class="entry__meta">
                                                <li class="entry__meta-date">
                                                    <i class="ui-date"></i>
                                                    21 October, 2017
                                                </li>
                                            </ul>
                                        </div>
                                    </article>
                                </li>
                                <li class="post-list-small__item">
                                    <article class="post-list-small__entry clearfix">
                                        <div class="post-list-small__img-holder">
                                            <div class="thumb-container thumb-75">
                                                <a href="single-post.html">
                                                    <img data-src="static/img/blog/popular_post_3.jpg"
                                                         src="static/img/empty.png" alt="" class=" lazyload">
                                                </a>
                                            </div>
                                        </div>
                                        <div class="post-list-small__body">
                                            <h3 class="post-list-small__entry-title">
                                                <a href="single-post.html">June in Africa: Taxi wars, smarter cities
                                                    and increased investments</a>
                                            </h3>
                                            <ul class="entry__meta">
                                                <li class="entry__meta-date">
                                                    <i class="ui-date"></i>
                                                    21 October, 2017
                                                </li>
                                            </ul>
                                        </div>
                                    </article>
                                </li>
                                <li class="post-list-small__item">
                                    <article class="post-list-small__entry clearfix">
                                        <div class="post-list-small__img-holder">
                                            <div class="thumb-container thumb-75">
                                                <a href="single-post.html">
                                                    <img data-src="static/img/blog/popular_post_4.jpg"
                                                         src="static/img/empty.png" alt="" class=" lazyload">
                                                </a>
                                            </div>
                                        </div>
                                        <div class="post-list-small__body">
                                            <h3 class="post-list-small__entry-title">
                                                <a href="single-post.html">PUBG Desert Map Finally Revealed, Here
                                                    Are All The Details</a>
                                            </h3>
                                            <ul class="entry__meta">
                                                <li class="entry__meta-date">
                                                    <i class="ui-date"></i>
                                                    21 October, 2017
                                                </li>
                                            </ul>
                                        </div>
                                    </article>
                                </li>
                            </ul>
                        </div>

                        <div class="tabs__content-pane" id="tab-comments">
                            <ul class="post-list-small">
                                <li class="post-list-small__item">
                                    <article class="post-list-small__entry clearfix">
                                        <div class="post-list-small__img-holder">
                                            <div class="thumb-container thumb-75">
                                                <a href="single-post.html">
                                                    <img data-src="static/img/blog/popular_post_3.jpg"
                                                         src="static/img/empty.png" alt="" class=" lazyload">
                                                </a>
                                            </div>
                                        </div>
                                        <div class="post-list-small__body">
                                            <h3 class="post-list-small__entry-title">
                                                <a href="single-post.html">June in Africa: Taxi wars, smarter cities
                                                    and increased investments</a>
                                            </h3>
                                            <ul class="entry__meta">
                                                <li class="entry__meta-date">
                                                    <i class="ui-date"></i>
                                                    21 October, 2017
                                                </li>
                                            </ul>
                                        </div>
                                    </article>
                                </li>
                                <li class="post-list-small__item">
                                    <article class="post-list-small__entry clearfix">
                                        <div class="post-list-small__img-holder">
                                            <div class="thumb-container thumb-75">
                                                <a href="single-post.html">
                                                    <img data-src="static/img/blog/popular_post_1.jpg"
                                                         src="static/img/empty.png" alt="" class=" lazyload">
                                                </a>
                                            </div>
                                        </div>
                                        <div class="post-list-small__body">
                                            <h3 class="post-list-small__entry-title">
                                                <a href="single-post.html">Google is fixing its troubling burger
                                                    emoji in Android 8.1</a>
                                            </h3>
                                            <ul class="entry__meta">
                                                <li class="entry__meta-date">
                                                    <i class="ui-date"></i>
                                                    21 October, 2017
                                                </li>
                                            </ul>
                                        </div>
                                    </article>
                                </li>
                                <li class="post-list-small__item">
                                    <article class="post-list-small__entry clearfix">
                                        <div class="post-list-small__img-holder">
                                            <div class="thumb-container thumb-75">
                                                <a href="single-post.html">
                                                    <img data-src="static/img/blog/popular_post_2.jpg"
                                                         src="static/img/empty.png" alt="" class=" lazyload">
                                                </a>
                                            </div>
                                        </div>
                                        <div class="post-list-small__body">
                                            <h3 class="post-list-small__entry-title">
                                                <a href="single-post.html">How Meditation Can Transform Your
                                                    Business</a>
                                            </h3>
                                            <ul class="entry__meta">
                                                <li class="entry__meta-date">
                                                    <i class="ui-date"></i>
                                                    21 October, 2017
                                                </li>
                                            </ul>
                                        </div>
                                    </article>
                                </li>
                                <li class="post-list-small__item">
                                    <article class="post-list-small__entry clearfix">
                                        <div class="post-list-small__img-holder">
                                            <div class="thumb-container thumb-75">
                                                <a href="single-post.html">
                                                    <img data-src="static/img/blog/popular_post_4.jpg"
                                                         src="static/img/empty.png" alt="" class=" lazyload">
                                                </a>
                                            </div>
                                        </div>
                                        <div class="post-list-small__body">
                                            <h3 class="post-list-small__entry-title">
                                                <a href="single-post.html">PUBG Desert Map Finally Revealed, Here
                                                    Are All The Details</a>
                                            </h3>
                                            <ul class="entry__meta">
                                                <li class="entry__meta-date">
                                                    <i class="ui-date"></i>
                                                    21 October, 2017
                                                </li>
                                            </ul>
                                        </div>
                                    </article>
                                </li>
                            </ul>
                        </div>

                    </div> <!-- end tab content -->
                </div> <!-- end tabs -->
            </div> <!-- end widget popular/latest posts -->




            <!-- 加入我们 -->
            <div class="widget">
                <h4 class="widget-title">加入我们</h4>
                <div class="tweets-container">
                    <div id="tweets">
                        <p>QQ交流群：12121212121212</p>
                        <p>VX交流群：12121212121212</p>
                    </div>
                </div>
            </div>





            <!-- 好评 -->
            <div class="widget widget-reviews">
                <h4 class="widget-title">好评</h4>
                <ul class="post-list-small">
                    <li class="post-list-small__item">
                        <article class="post-list-small__entry clearfix">
                            <div class="post-list-small__img-holder">
                                <div class="thumb-container thumb-75">
                                    <a href="single-post.html">
                                        <img data-src="static/img/blog/review_post_1.jpg"
                                             src="static/img/blog/review_post_1.jpg" alt="" class=" lazyload">
                                    </a>
                                </div>
                            </div>
                            <div class="post-list-small__body">
                                <h3 class="post-list-small__entry-title">
                                    <a href="single-post.html">My First Impressions of iPhone X</a>
                                </h3>
                                <ul class="entry__meta">
                                    <li class="entry__meta-rating">
                                        <i class="ui-star"></i><!--
                        --><i class="ui-star"></i><!--
                        --><i class="ui-star"></i><!--
                        --><i class="ui-star"></i><!--
                        --><i class="ui-star-outline"></i>
                                    </li>
                                </ul>
                            </div>
                        </article>
                    </li>
                    <li class="post-list-small__item">
                        <article class="post-list-small__entry clearfix">
                            <div class="post-list-small__img-holder">
                                <div class="thumb-container thumb-75">
                                    <a href="single-post.html">
                                        <img data-src="static/img/blog/review_post_2.jpg" src="static/img/empty.png"
                                             alt="" class=" lazyload">
                                    </a>
                                </div>
                            </div>
                            <div class="post-list-small__body">
                                <h3 class="post-list-small__entry-title">
                                    <a href="single-post.html">The Best Laptops for Kids</a>
                                </h3>
                                <ul class="entry__meta">
                                    <li class="entry__meta-rating">
                                        <i class="ui-star"></i><!--
                        --><i class="ui-star"></i><!--
                        --><i class="ui-star"></i><!--
                        --><i class="ui-star"></i><!--
                        --><i class="ui-star-outline"></i>
                                    </li>
                                </ul>
                            </div>
                        </article>
                    </li>
                    <li class="post-list-small__item">
                        <article class="post-list-small__entry clearfix">
                            <div class="post-list-small__img-holder">
                                <div class="thumb-container thumb-75">
                                    <a href="single-post.html">
                                        <img data-src="static/img/blog/review_post_3.jpg" src="static/img/empty.png"
                                             alt="" class=" lazyload">
                                    </a>
                                </div>
                            </div>
                            <div class="post-list-small__body">
                                <h3 class="post-list-small__entry-title">
                                    <a href="single-post.html">PS4 Joypads Pre-Orders Start Friday in NYC</a>
                                </h3>
                                <ul class="entry__meta">
                                    <li class="entry__meta-rating">
                                        <i class="ui-star"></i><!--
                        --><i class="ui-star"></i><!--
                        --><i class="ui-star"></i><!--
                        --><i class="ui-star"></i><!--
                        --><i class="ui-star-outline"></i>
                                    </li>
                                </ul>
                            </div>
                        </article>
                    </li>
                    <li class="post-list-small__item">
                        <article class="post-list-small__entry clearfix">
                            <div class="post-list-small__img-holder">
                                <div class="thumb-container thumb-75">
                                    <a href="single-post.html">
                                        <img data-src="static/img/blog/review_post_4.jpg" src="static/img/empty.png"
                                             alt="" class=" lazyload">
                                    </a>
                                </div>
                            </div>
                            <div class="post-list-small__body">
                                <h3 class="post-list-small__entry-title">
                                    <a href="single-post.html">Hands on: Parrot AR Drone 2.0 review</a>
                                </h3>
                                <ul class="entry__meta">
                                    <li class="entry__meta-rating">
                                        <i class="ui-star"></i><!--
                        --><i class="ui-star"></i><!--
                        --><i class="ui-star"></i><!--
                        --><i class="ui-star"></i><!--
                        --><i class="ui-star-outline"></i>
                                    </li>
                                </ul>
                            </div>
                        </article>
                    </li>
                </ul>
            </div>

            <!-- 标签 -->

            <div class="widget widget_tag_cloud">
                <h4 class="widget-title">标签</h4>

                <div class="tagcloud">
                    <a href="#">keji </a>
                </div>
                <div class="tagcloud">
                    <a href="#">keji </a>
                </div>
                <div class="tagcloud">
                    <a href="#">keji </a>
                </div>


            </div>


        </aside> <!-- end sidebar -->

    </div> <!-- end content -->
</div>
<!-- end main container -->

{% endblock content %}
<footer class="footer footer--dark">


    <div class="footer__bottom">
        <div class="container">
            <div class="row">
                <div class="col-lg-7 order-lg-2 text-right text-md-center">
                    <div class="widget widget_nav_menu">
                        <ul>
                            <li><a href="#">条款</a></li>
                            <li><a href="#">隐私</a></li>
                            <li><a href="#">广告</a></li>
                            <li><a href="#">附属公司</a></li>
                            <li><a href="#">通讯</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-5 order-lg-1 text-md-center">
              <span class="copyright">
                &copy; 2021 联系方式 | gyx.9248@qq.com <a href="http://www.dedeask.com"></a>
              </span>
                </div>
            </div>

        </div>
    </div> <!-- end bottom footer -->
</footer> <!-- end footer -->

<div id="back-to-top">
    <a href="#top" aria-label="Go to top"><i class="ui-arrow-up"></i></a>
</div>
